<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="main.css" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">

    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="../node_modules/lodash/lodash.min.js"></script>
    <script src="js/main.js"></script>

    <title>Form Designer</title>
</head>

<body>
<div>
    <h1>表单设计器</h1>
    <div id="dialog-form" title="添加表单元素">
        <form>
            <label for="formType">字段类型</label>
            <select name="formType" id="formType">
                <option value="文本" id="text">文本</option>
                <option value="日期" id="date">日期</option>
            </select>
        </form>
    </div>
    <div id="container">
        <input type="button" value="添加" id="add">
        <input type="button" value="预览" id="preview">
        <input type="button" value="编辑" id="edit">
        <br>
        <br>
        <table id="list">
            <thead>
                <tr>
                    <th>类型</th>
                    <th>内容</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <!-- <tr>
                    <th>文本</th>
                    <th><input type="text" id="content"></th>
                    <th><input type="button" value="删除" class="delete"></th>
                </tr> -->
            </tbody>
        </table>
    </div>
</div>
</body>
</html>

